\documentclass[tikz,border=2mm]{standalone}
\usepackage{array,amsmath,mathptmx,xcolor,bbding,pifont,colortbl,amssymb}
\usepackage[UTF8]{ctex}
\newcolumntype{C}[1]{>{\centering\let\newline\\\arraybackslash\hspace{0pt}}m{#1}}
% 只需要这个就可以
\usepackage[thicklines]{cancel}

% 可以设置线条颜色，默认是黑色
\usepackage{xcolor}
\renewcommand{\CancelColor}{\color{red}} 
\usepackage{tikz-cd}
\usepackage{tikz,graphicx,subfig,caption} % Required for drawing custom shapes
\usetikzlibrary{fit,matrix,chains,arrows,shapes,positioning,arrows.meta,chains,shadows,shapes.callouts,decorations.text,shapes.symbols,shapes.misc, positioning,decorations.pathreplacing,calc,backgrounds}
\arrayrulecolor{red}
% 设置浅蓝色
\definecolor{lightblue1}{RGB}{175, 175, 237}
\definecolor{lightgreen1}{RGB}{226, 246, 186}
\definecolor{lightpink}{RGB}{255, 202, 203}
\definecolor{lightblue2}{RGB}{205, 235, 255}
\definecolor{lightyellow}{RGB}{255, 254, 208}
% 设定删除线颜色
\renewcommand{\CancelColor}{\color{blue}}

\begin{document}
	\begin{tikzpicture}[>=latex,every node/.style={inner sep=0.2em}]
		\node[align=left,rounded corners=0.5em] at (0,0) (point1){
			\hspace{1em}$q_1$(\hspace{0.5em}wh\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em})  \\
			\hspace{2em}quat(E) \\
			\hspace{1em}$q_2$(\hspace{0.5em}do\hspace{0.5em}res(E)\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em}) \\
			\hspace{2em}quat(S) \\
			\hspace{1em}$q_3$\hspace{0.5em}(we\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em})
		};
		
		% 左边第一个点
		\node[align=left] at ([xshift=-8em,yshift=-2em]point1.west) (point2){
			(1)\hspace{0.5em}(\hspace{0.5em}wh\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em})
		};
		
		\node[align=left] at ([xshift=-0.4em,yshift=-1em]point2.south) (point3){
			(2)\hspace{0.5em}(\hspace{0.5em}$<$\hspace{0.5em}a\hspace{0.5em}b\hspace{0.5em}t1\hspace{0.5em})  
		};     
		\node[align=left] at ([xshift=0em,yshift=-1em]point3.south) (point4){
			(3)\hspace{0.5em}(\hspace{0.5em}$>$\hspace{0.5em}a\hspace{0.5em}c\hspace{0.5em}t2\hspace{0.5em})   
		};
		\node[align=left] at ([xshift=0em,yshift=-1em]point4.south) (point5){
			(4)\hspace{0.5em}(\hspace{0.5em}$\^$\hspace{0.5em}t1\hspace{0.5em}t2\hspace{0.5em}t3\hspace{0.5em})   
		};
		\node[align=left] at ([xshift=0.4em,yshift=-1em]point5.south) (point6){
			(5)\hspace{0.5em}(\hspace{0.5em}do\hspace{0.5em}t3\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em})
		};
		
		\node[align=left] at ([xshift=-0em,yshift=-4em]point6.south) (point7){
			(11)\hspace{0.5em}(\hspace{0.5em}we\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em})
		};
		
		
		\node[align=left] at ([xshift=0em,yshift=-6em]point1.south) (point3_1) {
			(6)\hspace{0.5em}(\hspace{0.5em}$+$\hspace{0.5em}b\hspace{0.5em}c\hspace{0.5em}t4\hspace{0.5em})    \\
			(7)\hspace{0.5em}(\hspace{0.5em}$/$\hspace{0.5em}t4\hspace{0.5em}2\hspace{0.5em}t5\hspace{0.5em})    \\
			(8)\hspace{0.5em}(\hspace{0.5em}$=$\hspace{0.5em}t5\hspace{0.5em}$\_$\hspace{0.5em}x\hspace{0.5em})    \\
			(9)\hspace{0.5em}(\hspace{0.5em}$-$\hspace{0.5em}a\hspace{0.5em}1\hspace{0.5em}t6\hspace{0.5em})    \\
			(10)\hspace{0.5em}(\hspace{0.5em}$=$\hspace{0.5em}t6\hspace{0.5em}$\_$\hspace{0.5em}a\hspace{0.5em})    
		};
		
		
		\begin{pgfonlayer}{background}
			\node [draw=black,fill=white ,rectangle, inner sep=0.5em,line width=0.0025em][fit=(point1)](box1){};
			\node [draw=black,fill=white ,rectangle, inner sep=0.2em,line width=0.0025em][fit=(point3)(point5)](box2){};
			\node [draw=black,fill=white ,rectangle, inner sep=0.2em,line width=0.0025em][fit=(point3_1)](box3){};
		\end{pgfonlayer}
		
		% 右上角的箭头
		\draw[->,color=blue] ([xshift=1.8em,yshift=-1.6em]point1.west) -- ([xshift=-0.1em,yshift=-1.6em]point1.west) -- ([xshift=-0.1em,yshift=1.7em]point1.west) -- ([xshift=1.8em,yshift=1.7em]point1.west);
		\draw[->,color=red] ([xshift=-3.3em,yshift=-0em]point1.east) -- ([xshift=-0em,yshift=-0em]point1.east) -- ([xshift=-0em,yshift=-2.5em]point1.east) -- ([xshift=-2.8em,yshift=-2.5em]point1.east);
		
		% 左下角的箭头
		\draw[->,color=blue] ([xshift=-0.2em,yshift=-0em]point7.west) -- ([xshift=-1em,yshift=-0em]point7.west) -- ([xshift=-1em,yshift=-0em]point3.west) -- ([xshift=-0.2em,yshift=-0em]point3.west);
		\draw[->,color=red] ([xshift=-2em,yshift=-0em]point6.east) -- ([xshift=0.5em,yshift=-0em]point6.east) -- ([xshift=0.3em,yshift=-0.0em]point7.east) -- ([xshift=-1.8em,yshift=-0.0em]point7.east);
		
		
		\node[align=left] at ([xshift=-1em,yshift=2em]point2.north) {\SparkleBold\hspace{0.5em}四元式序列:};
		
		% 右边的两个矩形
		\draw[red] (-1.2,0.3) rectangle (0.1,0.8);
		\draw[red] (-1.2,-0.8) rectangle (0.1,-0.3);
		
		% 跨域箭头
		\draw[->] ([xshift=1.8em,yshift=1em]point1.west) -- ([xshift=0.3em,yshift=1em]point3.east);
		\draw[->] ([xshift=4em,yshift=-2.3em]point1.west) -- ([xshift=0em,yshift=0.2em]point3_1.north);
		
		\draw[-] ([xshift=-2em,yshift=-2em]point6.east) -- ([xshift=0em,yshift=4.5em]point3_1.west);
		\draw[-] ([xshift=-2em,yshift=-2em]point6.east) -- ([xshift=0em,yshift=-4.5em]point3_1.west);
		
		% \draw[->] ([xshift=0.8em,yshift=0em]point1.west) -- ([xshift=0.3em,yshift=1em]point4.east);
		
		% \draw[->] ([xshift=0.8em,yshift=-3em]point1.west) -- ([xshift=0.3em,yshift=1em]point7.east);
		
	\end{tikzpicture}
\end{document}